/**************************************************************************
 *
 *   Copyright 2010 American Public Media Group
 *
 *   This file is part of AIR2.
 *
 *   AIR2 is free software: you can redistribute it and/or modify
 *   it under the terms of the GNU General Public License as published by
 *   the Free Software Foundation, either version 3 of the License, or
 *   (at your option) any later version.
 *
 *   AIR2 is distributed in the hope that it will be useful, 
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the 
 *   GNU General Public License for more details.
 *
 *   You should have received a copy of the GNU General Public License 
 *   along with AIR2.  If not, see <http://www.gnu.org/licenses/>.
 *
 *************************************************************************/

#air2-search-results .air2-panel-body {
    min-height: 400px;
}

#air2-search-results .air2-panel-header-tools {
    font-size: 11px;
    padding: 0;
}

.air2-search-result-hover {
    cursor: pointer;
    background-color: #eee;
}

.air2-search-result-selected {
    background-color: #ddd;
}

.row-alternate .air2-search-result,
.alt
{
    background-color: #efefef;
}

#air2-search-facets {
    min-height: 200px;
}

.air2-facet-panel {
    border-bottom: 1px dotted #eee;
    padding: 5px 0;
}

.air2-facet-title {
    background: no-repeat 4px 50%;
    background: #fff;
    /* color: #666; */
}

.air2-facet-title-hover {
    /* background-color:#ddd; */
    color: #111;
}

/* TODO get Drew to review this */
.air2-facet-title-active {
    background: #50b3cf; /* APM teal */
    color: #fff;
}

.air2-facet-title .x-panel-header-text {
    vertical-align:middle;
}

.air2-facet-pair {
    font-size: 11px;
    padding-left: 5px;
}

.air2-facet-pair input,
.air2-facet-pair label 
{
    vertical-align:middle;
}

.air2-facet-pair label {
    color: #666;
}

.air2-facet-pair label .count {
    color: #999;
}

.air2-facet-pair input {
    margin-right: 3px;
    margin-top: 3px;
    margin-bottom: 3px;
}

.air2-search-advpanel .air2-panel-body {
}

.air2-silolink-top {
    display:none; /* TODO really need this? see search.js */
}

.air2-silolink {
    padding: 8px;
    color: #aaa;
}

.air2-silolink a {
    color: #aaa;
}

.air2-silolink-current {
    background-color: #fff;
    width: 500px;   /* something bigger than the parent panel */
    color: #000;
    border: 1px solid #ddd;
}

.air2-panel.air2-search-silos {
    background: transparent;
}

.air2-search-silos .air2-panel-body {
    padding: 0px;
    overflow: visible;  /* so the -current child can be seen */
    background: transparent;
}

.air2-silo-over {
    cursor:pointer;
}

.air2-silo-over .air2-silolink {
    background-color: #eee;
}

.air2-silo-over .air2-silolink-current {
    background-color: #fff;
}

.air2-silo-over a {
    text-decoration:none;
    color: #666;
}

.air2-silolink-current a {
    color: #000;
    text-decoration:none;
}

.air2-silolink-current.air2-silo-over {
    text-decoration:none;
}

#air2-search-filters .air2-panel-body {
    padding: 0px;
}

#air2-search-filters .air2-panel-footer {
    background-color: #fff;
}

.air2-loading-img {
    min-height: 400px;  /* should match #air2-search-results def above */
    background-image: url('../lib/extjs/resources/images/default/shared/large-loading.gif');
    background-position: 50%;
    background-repeat: no-repeat;
}

.air2-filters-title {
    line-height: 15px;
    font-size: 12px;
}

.air2-search-pager.x-toolbar {
    background: transparent;
    border: none;
}

.air2-search-result h3 {
    color: #666;
    text-shadow: 0 1px 0 #fff;
    padding: 0 0 5px 0;
    font-size: 14px; 
}
    
.air2-search-result h3 a, 
.air2-search-result h3 a.visited 
{
    text-decoration: none; 
}

.air2-search-result h3 a:hover {
    text-decoration: underline;
}

.air2-search-result {
    padding: 10px;
    line-height: 130%;
    border-bottom: 1px dotted #ddd; 
    font-size: 12px;
    font-weight: normal;
}

.air2-search-result td {
    vertical-align: top;
}

.air2-search-result strong {
    color: #111; 
    font-weight: bold;
}
    
.air2-search-result li {
    font-size: 11px;
    padding: 3px 0 3px 20px;
    border-bottom: 1px dotted #ccc; 
}
    
.air2-search-result li.last {
    border-bottom: 0; 
}
    
span.result-map {
    padding: 0 0 10px 35px;
    background: url(img/icons/map-small.png) no-repeat 15px 0; 
}
    
span.r-last {
    padding: 2px 5px;
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    margin-right: 10px;
    color: #999;
    font-size: 11px; 
}
    
span.r-responded {
    padding: 0 0 10px 35px;
    background: url(img/icons/calendar-select.png) no-repeat 15px 0; 
}
    
.r-activity {
    padding: 0 0 10px 0; 
}
    
li.r-phone {
    background: url(img/icons/mobile-phone-small.png) no-repeat 2px 4px; 
    min-height: 16px;
}
    
li.r-loc {
    background: url(img/icons/map-small.png) no-repeat 1px 4px; 
    min-height: 16px;
}

li.r-mail {
    background: url(img/icons/mail-small.png) no-repeat 0 4px; 
    min-height: 16px;
}
    
span.result-dark {
    font-size: 11px; 
}
    
.source-contact {
    width: 225px;
    margin-right: 20px; 
}

.source-contact .source-expand {
    float: right;
    min-width: 16px;
    font-size: 10px;
}

.source-contact .source-expand:hover {
    background-color: #ccc;
    cursor: pointer;
}
    
.r-excerpt {
}
    
.fancy-on {
    background: #f6f6f6; 
}
    
.highlight {
    padding: 1px 3px;
    background: #ffff66;
    color: #333; 
}
    
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size: 0; 
}
    
.clearfix {
    display: inline-block; 
}

/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.air2-search-qa {
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

.air2-search-question {
    color: #666;
    padding: 4px 4px 4px 6px;
}

.air2-search-answer {
    color: #333;
    padding: 4px 4px 4px 12px;
}

.air2-response-set .x-panel-header {
    background-image: none;
    background-color: #eee;
    color: #666;
    font-size: 12px;
}

#air2-advsearch-panel .x-toolbar {
    background-image: none;
    background-color: #fff;
    padding: 8px;
    border: none;
}

#air2-advsearch-panel .header-tools .x-toolbar {
    background-color: #eee;
}

.adv-search-form {
    border: none;
}

.query-explain {
    height: 100%;
    padding: 4px;
    background-color: #fff;
    border: none;
    color: #111;
}

.query-explain strong {
    font-weight: bold;
    color: #aaa;
}

.adv-search-header .x-toolbar-right .xtb-text {
    text-align: left;
    width: 150px;
}

.air2-source-demographic {
    padding: 4px;
    border: 1px solid #ddd;
    color: #111;
}

.air2-source-demographic th {
    font-weight: bold;
}

.air2-source-demographic th,
.air2-source-demographic td
{
    padding: 2px;
}

.picker-box {
    padding: 4px;
    border: none;
    background: #fff;
}

.picker-box .picker-item {
    /* border: 1px dotted #ddd; */
    padding: 4px;    
}

.picker-box .picker-item-selected {
    background: #6699ff;
    cursor: pointer;
}
